<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>web端上传</title>
  </head>
  <body>
    <!-- 引入在线资源 -->
    <script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-x.x.x.min.js"></script>
    <script>
      // 实例化OSS Client，具体的参数可参照文档配置项
      let client = new OSS({
        region: '<oss region>',
        //云账号AccessKey有所有API访问权限，建议遵循阿里云安全最佳实践，创建并使用STS方式来进行API访问
        accessKeyId: '<Your accessKeyId(STS)>',
        accessKeySecret: '<Your accessKeySecret(STS)>',
        stsToken: '<Your securityToken(STS)>',
        bucket: '<Your bucket name>'
      })

      // object表示上传到OSS的名字，可自己定义
      // file浏览器中需要上传的文件，支持HTML5 file 和 Blob类型
      client
        .put('object', file)
        .then(function(r1) {
          console.log('put success: %j', r1)
          return client.get('object')
        })
        .then(function(r2) {
          console.log('get success: %j', r2)
        })
        .catch(function(err) {
          console.error('error: %j', err)
        })
    </script>
  </body>
</html>
